
<!DOCTYPE HTML>
<html>
    <head>
        <title>Youniversity</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" />
        
        <link rel="stylesheet" href="style/style.css"/>
        <script src="js/lib/cordova-1.7.0.js"></script>
        <script src="js/lib/iscroll.js"></script>

        <script type="text/javascript">

            var scroll1, scroll2, scroll3, scrollableframe;
            function loaded() {
                scrollableframe = new iScroll('scrollableframe',
                                      { useTransition:false,
                                        checkDOMChanges: true,
                                        hideScrollbar: true,
                                        fixedScrollbar:true,
                                        bounceLock: true }
                                    );
                scroll1 = new iScroll('syllabus',
                                      { useTransition:false,
                                        checkDOMChanges: true,
                                        hideScrollbar: true,
                                        fixedScrollbar:true,
                                        onBeforeScrollStart : function(e) { scrollableframe.disable();},
                                        onBeforeScrollEnd : function(e) { scrollableframe.enable();} } /*per evitare che scrollando un elemento
                                                                                                     figlio si scrolli anche il padre*/
                                    );
                scroll2 = new iScroll('books',
                                      { useTransition:false,
                                        checkDOMChanges: true,
                                        hideScrollbar: true,
                                        fixedScrollbar:true,
                                        onBeforeScrollStart : function(e) { scrollableframe.disable();},
                                        onBeforeScrollEnd : function(e) { scrollableframe.enable();} } /*per evitare che scrollando un elemento
                                                                                                     figlio si scrolli anche il padre*/
                                    );

                scroll3 = new iScroll('schedule',
                                      { useTransition:false,
                                        checkDOMChanges: true,
                                        hideScrollbar: true,
                                        fixedScrollbar:true,
                                        onBeforeScrollStart : function(e) { scrollableframe.disable();},
                                        onBeforeScrollEnd : function(e) { scrollableframe.enable();} } /*per evitare che scrollando un elemento
                                                                                                     figlio si scrolli anche il padre*/
                                    );

                scroll4 = new iScroll('registered',
                                      { useTransition:false,
                                        checkDOMChanges: true,
                                        hideScrollbar: true,
                                        fixedScrollbar:true,
                                        onBeforeScrollStart : function(e) { scrollableframe.disable();},
                                        onBeforeScrollEnd : function(e) { scrollableframe.enable();} } /*per evitare che scrollando un elemento
                                                                                                     figlio si scrolli anche il padre*/
                                    );
                
                $('#bookmark').click(function(){ $(this).children('.icon').toggleClass('checked'); });
                $('#briefaverage, #detailedaverage').click(function(){ $('#briefaverage, #detailedaverage').toggleClass('hidden'); })

                $('.ac-container article.selectable ul > li')
                    .on('touchstart', function () {
                        $(this).addClass('fake-active');
                    })
                    .on('touchend', function() {
                        $(this).removeClass('fake-active');
                    })
                    .on('touchcancel', function() {
                        $(this).removeClass('fake-active');
                    });
                    
                $('.button')
                    .on('touchstart', function () {
                        $(this).addClass('fake-active');
                    })
                    .on('touchend', function() {
                        $(this).removeClass('fake-active');
                    })
                    .on('touchcancel', function() {
                        $(this).removeClass('fake-active');
                    });

                var allSelects = $('button');
                allSelects.each(function(index, item) {
                                  item.addEventListener('touchstart', function(e) { $(this).addClass("fake-active"); }, false);
                                  item.addEventListener('touchend', function(e) { $(this).removeClass("fake-active"); }, false);
                                  item.addEventListener('touchcancel', function(e) { $(this).removeClass("fake-active"); }, false);
                                });
            }

            document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
            document.addEventListener('DOMContentLoaded', loaded, false);
            // document.addEventListener('resize', scroll3.refresh, false); 

        </script>

    </head>
    <body class="page">

        <nav>
            <ul>
                <li><a href="explore.html"><img src="resources/img/explore.png"></a></li>
                <li><a href="plan.html"><img src="resources/img/plan.png"></a></li>
                <li><a href="personal.html"><img src="resources/img/personal.png"></a></li>
                <li><a href="events.html"><img src="resources/img/events.png"></a></li>
                <li><a href="updates.html"><img src="resources/img/updates.png"></a></li>
            </ul>
        </nav>
        <header>Economia</header>

        <div id="scrollableframe">
            <div class="scroller">

                <div class="frame">
                    <div class="badge">
                        <img class="picture" src="resources/img/book.png">
                        <ul>
                            <li class="title1">Docente: Alan Rogers</li>
                            <li class="title2">CFU: 2</li>
                            <li id="briefaverage">
                                <ul class="averagerating-container">
                                    <li>
                                        <label>Rating: </label>
                                        <div class="averagerating">
                                            <input type="radio" id="averagestar5" name="average" value="5" disabled/><label for="averagestar5"></label>
                                            <input type="radio" id="averagestar4" name="average" value="4" disabled checked/><label for="averagestar4"></label>
                                            <input type="radio" id="averagestar3" name="average" value="3" disabled/><label for="averagestar3"></label>
                                            <input type="radio" id="averagestar2" name="average" value="2" disabled/><label for="averagestar2"></label>
                                            <input type="radio" id="averagestar1" name="average" value="1" disabled/><label for="averagestar1"></label>
                                        </div>
                                    </li>
                                </ul>
                            </li>
                            <li id="detailedaverage" class="hidden">
                                <ul class="averagerating-container">
                                    <li>
                                        <label>Interesse: </label>
                                        <div class="averagerating">
                                            <input type="radio" id="interessestar5" name="interesse" value="5" disabled/><label for="interessestar5"></label>
                                            <input type="radio" id="interessestar4" name="interesse" value="4" disabled checked/><label for="interessestar4"></label>
                                            <input type="radio" id="interessestar3" name="interesse" value="3" disabled/><label for="interessestar3"></label>
                                            <input type="radio" id="interessestar2" name="interesse" value="2" disabled/><label for="interessestar2"></label>
                                            <input type="radio" id="interessestar1" name="interesse" value="1" disabled/><label for="interessestar1"></label>
                                        </div>
                                    </li>
                                    <li>
                                        <label>Utilita': </label>
                                        <div class="averagerating">
                                            <input type="radio" id="utilitastar5" name="utilita" value="5" disabled/><label for="utilitastar5"></label>
                                            <input type="radio" id="utilitastar4" name="utilita" value="4" disabled/><label for="utilitastar4"></label>
                                            <input type="radio" id="utilitastar3" name="utilita" value="3" disabled checked/><label for="utilitastar3"></label>
                                            <input type="radio" id="utilitastar2" name="utilita" value="2" disabled/><label for="utilitastar2"></label>
                                            <input type="radio" id="utilitastar1" name="utilita" value="1" disabled/><label for="utilitastar1"></label>
                                        </div>
                                    </li>
                                    <li>
                                        <label>Facilita': </label>
                                        <div class="averagerating">
                                            <input type="radio" id="facilitastar5" name="facilita" value="5" disabled/><label for="facilitastar5"></label>
                                            <input type="radio" id="facilitastar4" name="facilita" value="4" disabled checked/><label for="facilitastar4"></label>
                                            <input type="radio" id="facilitastar3" name="facilita" value="3" disabled/><label for="facilitastar3"></label>
                                            <input type="radio" id="facilitastar2" name="facilita" value="2" disabled/><label for="facilitastar2"></label>
                                            <input type="radio" id="facilitastar1" name="facilita" value="1" disabled/><label for="facilitastar1"></label>
                                        </div>
                                    </li>
                                    <li>
                                        <label>Docente: </label>
                                        <div class="averagerating">
                                            <input type="radio" id="docentestar5" name="docente" value="5" disabled checked/><label for="docentestar5"></label>
                                            <input type="radio" id="docentestar4" name="docente" value="4" disabled/><label for="docentestar4"></label>
                                            <input type="radio" id="docentestar3" name="docente" value="3" disabled/><label for="docentestar3"></label>
                                            <input type="radio" id="docentestar2" name="docente" value="2" disabled/><label for="docentestar2"></label>
                                            <input type="radio" id="docentestar1" name="docente" value="1" disabled/><label for="docentestar1"></label>
                                        </div>
                                    </li>
                                    <li>
                                        <label>Materiale: </label>
                                        <div class="averagerating">
                                            <input type="radio" id="materialestar5" name="materiale" value="5" disabled/><label for="materialestar5"></label>
                                            <input type="radio" id="materialestar4" name="materiale" value="4" disabled/><label for="materialestar4"></label>
                                            <input type="radio" id="materialestar3" name="materiale" value="3" disabled checked/><label for="materialestar3"></label>
                                            <input type="radio" id="materialestar2" name="materiale" value="2" disabled/><label for="materialestar2"></label>
                                            <input type="radio" id="materialestar1" name="materiale" value="1" disabled/><label for="materialestar1"></label>
                                        </div>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    
                    <br>

                    <section class="ac-container">
                        <div>
                            <input id="ac-1" name="accordion-1" type="checkbox" />
                            
                                <label for="ac-1">Sillabo</label>
                                <article>
                                    <div id="syllabus" class="scrollerbox">
                                        <div class="scroller">
                                            <ul>
                                                <li>Domanda, Offerta, Equilibrio economico, elasticità</li>
                                                <li>L'Equilibrio in Concorrenza Perfetta, Monopolio ed Oligopolio</li>
                                                <li>La Teoria dei Giochi</li>
                                                <li>Principi di Organizzazione Aziendale</li>
                                                <li>Il Bilancio, l’analisi di bilancio e gli strumenti della gestione aziendale</li>
                                                <li>Budget e programmazione</li>
                                                <li>La valutazione delle decisioni di investimento</li>
                                                <li>Il Marketing e la strategia d’impresa</li>
                                                <li>Il reddito Nazionale</li>
                                                <li>La teoria classica</li>
                                                <li>La teoria economica Keynesiana</li>
                                                <li>La teoria monetaristica</li>
                                            </ul>
                                        </div>
                                    </div>
                                </article>
                            
                        </div>
                        <div>
                            <input id="ac-2" name="accordion-1" type="checkbox" />
                            
                                <label for="ac-2">Testi</label>
                                <article>
                                    <div id="books" class="scrollerbox">
                                        <div class="scroller">
                                            <ul>
                                                <li>Samuelson, Microeconomia</li>
                                                <li>Dispense di Economia</li>
                                                <li>Dispense di Macroeconomia</li>
                                            </ul>
                                        </div>
                                    </div>
                                </article>
                            
                        </div>
                        <div>
                            <input id="ac-3" name="accordion-1" type="checkbox" />
                            
                                <label for="ac-3">Orario lezioni</label>
                                <article>
                                    <div id="schedule" class="scrollerbox">
                                        <div class="scroller">
                                            <ul>
                                                <li>Lun 9:00 - 11.00 (aula 1.6)</li>
                                                <li>Mer 14:00 - 16:00 (aula 1.7)</li>
                                                <li>Mer 10:00 - 12:00 (aula 1.6)</li>
                                            </ul>
                                        </div>
                                    </div>
                                </article>
                            
                        </div>
                        <div>
                            <input id="ac-4" name="accordion-1" type="checkbox" />
                            
                                <label for="ac-4">Iscritti (25)</label>
                                <article class="selectable">
                                    <div id="registered" class="scrollerbox">
                                        <div class="scroller">
                                            <ul>
                                                <li>Marshall Cacho</li>
                                                <li>Brittaney Vanderpool</li>
                                                <li>Laverne Tulley</li>
                                                <li>Hallie Mull</li>
                                                <li>Marline Perillo</li>
                                                <li>Diane Toupin</li>
                                                <li>Debi Searight</li>
                                                <li>Assunta Cheatwood</li>
                                                <li>Delilah Streich</li>
                                                <li>Joyce Rossbach</li>
                                                <li>Kyla Bran</li>
                                                <li>Lore Hermann</li>
                                                <li>Dexter Mayr</li>
                                                <li>Meta Arbeiter</li>
                                                <li>Burt Sheldon</li>
                                                <li>Marceline Mccumber</li>
                                                <li>Era Dimond</li>
                                                <li>Alida Jepsen</li>
                                                <li>Lelah Tigner</li>
                                                <li>Emilie Norby</li>
                                                <li>Cliff Tarango</li>
                                                <li>Tamela Klocke</li>
                                                <li>Sandy Powe</li>
                                                <li>Zella Longmore</li>
                                                <li>Violette Weintraub</li>
                                                <li>Desirae Hartzog</li>
                                                <li>Mara Geddie</li>
                                                <li>Barrett Weingarten</li>
                                                <li>Maia Howley</li>
                                                <li>Jeanelle Bakley</li>
                                            </ul>
                                        </div>
                                    </div>
                                </article>
                            
                        </div>
                    </section>


                </div>
                <div class="centercontent horizontal">
                    <a href="vote.html" class="button">
                        <span class="icon rate"></span></a>
                    <a id="bookmark" class="button">
                        <span class="icon bookmark checked"></span></a>
                </div>

            </div>
        </div>

        <script src="js/lib/zepto.min.js"></script>
        <script src="js/ynv.js"></script>
    </body>
</html>